<!DOCTYPE html>
<html lang="en">
<head>

<title>Video.js | HTML5 Video Player</title>
<link rel="stylesheet" type="text/css" href="js/videojs/video-js.css">
<script type="text/javascript" charset="utf8" src="js/videojs/video.min.js"></script>
</head>
<body>
  <video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered">
    <p class="vjs-no-js">
      To view this video please enable JavaScript, and consider upgrading to a
      web browser that
      <a href="https://videojs.com/html5-video-support/" target="_blank">
        supports HTML5 video
      </a>
    </p>
  </video>

<script>
function getQueryParam(variable) {
    var query = window.location.search.substring(1);
    var pos = query.indexOf('=');
    
    if(pos != -1) {
    	return query.substring(pos + 1);
    }
    return '';
}
var url = getQueryParam("path");
url = decodeURI(url);

var player = videojs(document.getElementById('myVideo'), {
    controls: true, // 譏ｯ蜷ｦ譏ｾ遉ｺ謗ｧ蛻ｶ譚｡
    poster: 'xxx', // 隗�鬚大ｰ�髱｢蝗ｾ蝨ｰ蝮�
    preload: 'auto',
    autoplay: false,
    fluid: true, // 閾ｪ騾ょｺ泌ｮｽ鬮�
    language: 'zh-CN', // 隶ｾ鄂ｮ隸ｭ險�
    muted: false, // 譏ｯ蜷ｦ髱咎浹
    inactivityTimeout: false,
    height: '430',
    controlBar: { // 隶ｾ鄂ｮ謗ｧ蛻ｶ譚｡扈�莉ｶ
      /* 隶ｾ鄂ｮ謗ｧ蛻ｶ譚｡驥碁擇扈�莉ｶ逧�逶ｸ蜈ｳ螻樊�ｧ蜿頑仞遉ｺ荳主凄
      'currentTimeDisplay':true,
      'timeDivider':true,
      'durationDisplay':true,
      'remainingTimeDisplay':false,
      volumePanel: {
        inline: false,
      }
      */
      /* 菴ｿ逕ｨchildren逧�蠖｢蠑丞庄莉･謗ｧ蛻ｶ豈丈ｸ�荳ｪ謗ｧ莉ｶ逧�菴咲ｽｮ�ｼ御ｻ･蜿頑仞遉ｺ荳主凄 */
      children: [
        {name: 'playToggle'}, // 謦ｭ謾ｾ謖蛾聴
        {name: 'currentTimeDisplay'}, // 蠖灘燕蟾ｲ謦ｭ謾ｾ譌ｶ髣ｴ
        {name: 'progressControl'}, // 謦ｭ謾ｾ霑帛ｺｦ譚｡
        {name: 'durationDisplay'}, // 諤ｻ譌ｶ髣ｴ
        { // 蛟肴焚謦ｭ謾ｾ
          name: 'playbackRateMenuButton',
          'playbackRates': [0.5, 1, 1.5, 2, 2.5]
        },
        {
          name: 'volumePanel', // 髻ｳ驥乗而蛻ｶ
          inline: false, // 荳堺ｽｿ逕ｨ豌ｴ蟷ｳ譁ｹ蠑�
        },
        {name: 'FullscreenToggle'} // 蜈ｨ螻�
      ]
    },
    sources:[ // 隗�鬚第ｺ�
        {
            src: url,
            type: 'video/mp4',
            poster: ''
        }
    ]
  }, function (){
    console.log('隗�鬚大庄莉･謦ｭ謾ｾ莠�',this);
  });

</script>
</body>

</html>
